 // out: false, compress: true, sourceMap: false
 .eui--pull-left {
     float: left;
 }

 .eui--pull-right {
     float: right;
 }

 .eui--position-rel {
     position: relative;
 }

 .eui--position-abs {
     position: absolute;
 }

 .eui--clearfix {
     *zoom: 1;
     &:after {
         content: "";
         display: block;
         height: 0;
         clear: both;
         visibility: hidden;
         overflow: hidden;
     }
 }

 .eui--display-i-b {
     display: inline-block;
 }

 .eui--display-b {
     display: block !important;
 }

 .eui--hide {
     display: none;
 }

 .eui--text-center {
     text-align: center;
 }

 .eui--text-l {
     text-align: left !important;
 }

 .eui--text-r {
     text-align: right !important;
 }

 .eui--overflow-h {
     overflow: hidden;
 }

 .eui--margin-y-20 {
     margin: .266667rem auto !important;
 }

 .eui--margin-y-0 {
     margin: 0 auto !important;
 }

 .eui--margin-x-16 {
     margin-left: .213333rem !important;
     margin-right: .213333rem !important;
 }

 .eui--margin-r-0 {
     margin-right: 0 !important;
 }

 .eui--margin-l-0 {
     margin-left: 0 !important;
 }

 .eui--margin-t-0 {
     margin-top: 0 !important;
 }

 .eui--margin-b-0 {
     margin-bottom: 0 !important;
 }

 .eui--margin-b-14 {
     margin-bottom: .186667rem !important;
 }

 .eui--margin-b-20 {
     margin-bottom: .266667rem !important;
 }

 .eui--margin-t-20 {
     margin-top: .266667rem !important;
 }

 .eui--width-100 {
     width: 100% !important;
 }

 .eui--padding-r-0 {
     padding-right: 0 !important;
 }

 .eui--padding-l-0 {
     padding-left: 0 !important;
 }

 .eui--padding-b-0 {
     padding-bottom: 0 !important;
 }

 .eui--padding-a-16 {
     padding: .213333rem;
 }

 .eui--white-bacg {
     background-color: #ffffff;
 }

 .eui--black-white-gradient-bacg {
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.7));
 }

 .eui--white-color {
     color: #ffffff;
 }

 .eui--959494-color {
     color: #959494 !important;
 }

 .eui--949494-color {
     color: #949494 !important;
 }

 .eui--6c6c6c-color {
     color: #6c6c6c !important;
 }

 .eui--556c96-color {
     color: #556c96 !important;
 }

 .eui--e51c24-color {
     color: #e51c24 !important;
 }

 .eui--bebebe-color {
     color: #bebebe;
 }

 .eui--warning-color {
     color: #fd8628 !important;
 }

 .eui--danger-color {
     color: #f00056 !important;
 }

 .eui--eb160b-color {
     color: #eb160b;
 }

 .eui--d0d0d0-color {
     color: #d0d0d0;
 }

 .eui--success-color {
     color: #3eb370 !important;
 }

 .eui--black-color {
     color: #000000;
 }

 .eui--vip-color {
     color: #fab02c !important;
 }

 .eui--blue-color {
     color: #2f92f8 !important;
 }

 .eui--font-24 {
     font-size: .32rem;
 }

 .eui--font-26 {
     font-size: .346667rem;
 }

 .eui--font-28 {
     font-size: .373333rem;
 }

 .eui--font-32 {
     font-size: .426667rem;
 }

 .eui--font-48 {
     font-size: .64rem;
 }

 .eui--font-w-normal {
     font-weight: normal;
 }

 .eui--font-w-bold {
     font-weight: bold;
 }

 .eui--font-family-arial {
     font-family: 'arial';
 }

 .eui--cursor-pointer {
     cursor: pointer;
 }

 .eui--cursor-default {
     cursor: default;
 }

 .eui--cursor-not-allow {
     cursor: not-allowed;
 }

 .eui--ellipsis {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }

 .eui--break-word {
     word-break: break-all;
     /*支持IE，chrome，FF不支持*/
     word-wrap: break-word;
     /*支持IE，chrome，FF*/
 }

 .eui--display-flex {
     display: -webkit-box;
     /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;
     /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;
     /* TWEENER - IE 10 */
     display: -webkit-flex;
     /* NEW - Chrome */
     display: flex;
     /* NEW, Spec - Opera 12.1, Firefox 20+ */
 } //css3过渡;
 .eui--transition(@name: all, @time: 2s) {
     -webkit-transition: @name @time;
     /* Safari 和 Chrome */
     -moz-transition: @name @time;
     /* Firefox 4 */
     -ms-transition: @name @time;
     /* IE */
     -o-transition: @name @time;
     /* Opera */
     transition: @name @time;
 } //css3;
 .eui--css3( @style, @frames ) {
     -webkit-@{style}: @frames;
     /* Safari 和 Chrome */
     -moz-@{style}: @frames;
     /* Firefox 4 */
     -ms-@{style}: @frames;
     /* IE */
     -o-@{style}: @frames;
     /* Opera */
     @{style}: @frames;
 } //透明;
 .eui--opacity(@num: 0.8) {
     opacity: @num;
     filter: ~'alpha(opacity='@num*100~')';
 } //css3圆角;
 .eui--border-radius(@radius: .066667rem) {
     -webkit-border-radius: @radius;
     /* Safari 和 Chrome */
     -moz-border-radius: @radius;
     /* Firefox 4 */
     -ms-border-radius: @radius;
     /* IE */
     -o-border-radius: @radius;
     /* Opera */
     border-radius: @radius;
 }
 /**
 * css3动画,只能写在调用页面,配合.css3( @style,@frames )使用;
 * 例子 :
 * .keyframes(starts,{
        0% {transform:rotate(0deg)}
        100%{transform:rotate(360deg)}
    });
    .className{.css3(animation,starts 8s linear infinite .3s );}
 */

 //  .eui--keyframes(@name, @frames) {
 //      @-webkit-keyframes @name {
 //          @frames();
 //      }
 //      /* Safari 和 Chrome */
 //      @-moz-keyframes @name {
 //          @frames();
 //      }
 //      /* Firefox 4 */
 //      @-ms-keyframes @name {
 //          @frames();
 //      }
 //      /* IE */
 //      @-o-keyframes @name {
 //          @frames();
 //      }
 //      /* Opera */
 //      @keyframes @name {
 //          @frames();
 //      }
 //  }